<template>
	<view class="custom-header" :style="{'padding-top': 0 + 'px','height': (globalnav.navHeight) + 'px','padding-top': globalnav.navTop + 'px'}">
		
		<span>{{title}}</span>
	</view>
</template>
   
<script>
	export default {
		name: "custom-header",
		props: {
			title: {
				type: String,
				default: ''
			}
		},
		data() {
			return {
				navHeight: 0,
				navTop: 0,
				menuButtonObject: 0,
				globalnav: getApp().globalData
			};
		},
	}
</script>

<style lang="less">
	.custom-header {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 88upx;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background: #fff;
		z-index: 999;
		
		span {
			font-weight: bold;
		}
	}
</style>
